.index-swiper {
  width: 100%;
  height: 650rpx;
  position: relative;
  z-index: 0;

  .box {
    width: 100%;
    height: 100%;

    .item {
      width: 100%;
      height: 100%;
    }
  }

  .dots {
    height: 30rpx;
    position: absolute;
    left: 42rpx;
    bottom: 86rpx;
    display: flex;
    align-items: center;

    .dot {
      width: 10rpx;
      height: 10rpx;
      background: #D9D9D9;
      opacity: 0.72;
      border-radius: 5rpx;
      margin: 0 8rpx;
      transition: all .2s;

      &.active {
        width: 24rpx;
        background: linear-gradient(90deg, #E3F75E 0%, #A1F133 100%);
      }
    }
  }
}